<!-- 二级页面的卡片容器 -->
<template>
  <div class="secondCardContainer">
    <div class="padding">
      <slot></slot>
    </div>
  </div>
</template>
<script>

import{
  WIDTH_PHONE,
  WIDTH_SPREADED,
  WIDTH_PAD_PORTRAIT,
  WIDTH_PAD_LANDSCAPE,
  WIDTH_STANDARD,
  selectWidth,
  flexibleWidth,
  flexibleHeight,
  screenType,
  screenDescription,
  isIOS,
  isSpreadOn,
  screenSize,
  getSecondPageStyle,
  getDialogFlexAlign,
  getDialogStyle,
  getSingleButtonStyle,
} from "../../../../assets/js/flexible.js";

export default {
  name: "SecondCard",
  components:{

  },
  data() {
    return{};
  },
  computed:{
    // getCardContainerStyle(){
    //   return getSecondPageStyle();
    // }
  },
  methods:{

  },
}
</script>
<style scoped>
.secondCardContainer{
  width: 100%;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  background-color: var(--current-card-background-color);
}
.secondCardContainer .padding{
  width: 100%-24px;
  height: 100%-8px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
}

</style>
